<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0">    <!-- So that mobile webkit will display zoomed in -->
    <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->

    <title>{subject}</title>
    <style type="text/css">

        /* Resets: see reset.css for details */
        .ReadMsgBody { width: 100%; background-color: #ebebeb;}
        .ExternalClass {width: 100%; background-color: #ebebeb;}
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}
        body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
        body {margin:0; padding:0;}
        table {border-spacing:0;}
        table td {border-collapse:collapse;}
        .yshortcuts a {border-bottom: none !important;}


        /* Constrain email width for small screens */
        @media screen and (max-width: 600px) {
            table[class="container"] {
                width: 95% !important;
            }
        }

        /* Give content more room on mobile */
        @media screen and (max-width: 480px) {
            td[class="container-padding"] {
                padding-left: 12px !important;
                padding-right: 12px !important;
            }
         }
         
         
        img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} 
        a img {border:none;} 
        .image_fix {display:block;}

        /* Yahoo paragraph fix
        Bring inline: Yes. */
        p {margin: 1em 0;}

        table {  mso-table-lspace:0pt; mso-table-rspace:0pt; }

        

    </style>

    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
 
  </head>
<body style="margin:0; padding:10px 0;" bgcolor="#ebebeb" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- 100% wrapper (grey background) -->
    <table align="center" border="0" width="100%" bgcolor="#eeeeee" cellpadding="8" cellspacing="0" 
    style="border-collapse: separate;">
      
      <tr>
        <td bgcolor="#eeeeee" style="padding-top:20px;padding-right:0;padding-bottom:80px;
        padding-left:0;margin:0;" width="100%">
        <!-- 550px container starts -->
         <table class="container" align="center" border="0" width="550" cellpadding="4" cellspacing="0" 
          style="border-top-left-radius:6px;
                 border-top-right-radius:6px;
                 border-bottom-width:1px; 
                 border-bottom-style: solid; 
                 border-bottom-color: #292929;">
            <tr>
              <td class="container-padding" bgcolor="#363636" style="background-color:#363636;border-top-left-radius:5px; border-top-right-radius:5px;" width="100%">
                <table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%;">
                  <tr>
                    <td align="left" style="padding-top:0;padding-right:0;padding-bottom:0;
                    padding-left:5px;margin:0;text-shadow: 0 -1px 0 #000000;"></td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
          
          <!--/550px container -->
          
          <!-- 550px container starts -->
          <table class="container" align="center" width="550" border="0" cellpadding="20" cellspacing="0" 
          style="box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.1); border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-right-color:#cccccc; border-bottom-color:#cccccc; border-left-color:#cccccc; border-bottom-left-radius:10px; border-bottom-right-radius:10px;">
            <tr>
              <td class="container-padding" align="left" bgcolor="#ffffff">
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tr>
                    <td align="left" bgcolor="#ffffff" style="padding-top:5px;padding-bottom:25px;margin:0;">
                      
                        <span style="color:#262626;font-weight:normal;font-size:17px;font-family:Helvetica,Arial,sans-serif;line-height:22px;">
                                   Hi {first_name of receiver},<br /><br />
                                   {Full Name of inviter} has invited you to collaborate on his project - {project_Name}.
                                   <br />    <br />
                        <center>
                            <a class="button" href="{verification-link}">
                              <table>
                                <tr>
                                  <td align="center" width="300" bgcolor="#2BA6CB" style="background: #2BA6CB; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; font-weight: bold; text-decoration: none; font-family: Helvetica, Arial, sans-serif; display: block;">
                                  <a href="{verification-link}" style="color: #ffffff; text-decoration: none;">
                                    Join the Project
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </a>
                        </center>
        
                        <br />Thanks<br /></span>
                       
                            <span style="color:#262626;font-weight:normal;font-size:12px;font-family:Helvetica,Arial,sans-serif;line-height:22px;">
                                  Team@<a href="http://www.betaout.com">ContentCloud</a>
                            </span>
                    </td>
                  </tr>
                  
                </table>
              </td>
            </tr>
            <tr>
              <td align="left" bgcolor="#ffffff" style="padding-top:0; 
              border-bottom-right-radius:10px;border-bottom-left-radius: 10px;">
              &nbsp;
              </td>
            </tr>
          </table>
          <!--/550px container -->
          
        </td>
      </tr>
    </table>
    
    <!--/100% wrapper-->
  </body>
</html>